@import url("global3_1100px.css?2022");
#top {
	/*background-image: url(../img/top_background.gif);*/
	background-image: url(../img/top_bj.png);
	background-position:0px 0px;
	background-repeat: repeat-x;
	/*height: 29px;*/
	line-height: 28px;
	padding-top:4px;
	padding-top:6px\0; /* IE11 */
	height: 32px;
	color:red;
}
/* Chrome 360极速 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #top {
	    height: 30px;
		line-height: 26px;
        padding-top:7px;
    }
}
#head {
	/*height: 76px;*/
	/*text-align: right;*/
	height :70px;
}
#tleft {
}
#tleft ul {
}
#tleft ul li {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}
#tright {
	float: right;
}
#tright a {
	margin-right: 5px;
	margin-left: 5px;
	color: #FFF;
}
#tright a span {
	background-image: url(../img/button_top.gif);
	height: 17px;
	width: 35px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	padding-right: 6px;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
}
#head .htitle {
	float:left;
	padding-left:5px;
	/*padding-top:10px;*/
	padding-top :5px;
}
#head .htitle h1 a {
	display:block;
	font-size:0;
	/*height:55px;*/
	height :60px;
	overflow:hidden;
	/*width:288px;*/
	width:170px;
	/*background-image: url(../img/top_logo.jpg);*/
	background-image: url(../img/top_logo-new.png);
	background-repeat: no-repeat;
	background-position:0px 2px !important;
	background-position:0px 4px;
	/*line-height: 280px;*/
	line-height :200px;
}
#navo {
	width: 1096px;
	padding-left: 3px;
	height: 45px;
	background-attachment: scroll;
	background-image: url(../img/nav_left.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#navi {
	background-attachment: scroll;
	background-image: url(../img/nav_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 3px;
}
#menu {
	height: 45px;
	background-attachment: scroll;
	background-image: url(../img/menu_background.jpg);
	background-repeat: repeat-x;
}
#menu ul {
	border:0 none;
	line-height:150%;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 0 5px;
	padding:0;
}
#nav {
	padding-left:20px;
}
#nav li {
	float:left;
	height:35px;
}
#nav li a 
{
    
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	cursor:pointer;
	display:block;
	float:left;
	height:20px;
	padding-left:5px;
	text-decoration:none;
        -moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	
	color:#FFFFFF;
	float:left;
        font-family:"Microsoft YaHei",微软雅黑,Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:15px;
	line-height:16px;
	padding:12px 10px 10px 10px;
	text-decoration:none;
	/*font-weight:bold;*/
}
#nav li a span {
        background-image: url(../img/menu_on_right.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color:#333333;

}
#nav .menu_line {
	background-attachment: scroll;
	background-image: url(../img/nav_line.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 3px;
	margin-top: 8px;
	margin-right: 1px;
	margin-left: 1px;
}
#nav .nav_left {
        width:5px;
        height:45px;
	background-image: url(../img/menu_on_left.gif);
        background-repeat: no-repeat;
        background-position: 0px 0px;
}
#nav .nav_on {
    height:45px;
	background-image: url(../img/menu_on_right.gif);
	background-repeat: no-repeat;
	background-position:left 0px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}
#nav .nav_on a{
        color:#333333;
}
#nav .nav_right {
        width:5px;
        height:45px;
	background-image: url(../img/menu_on_right.gif) ;
        background-repeat: no-repeat;
        background-position: right 0px;
}
.nav_hover { background-image:url(../img/bg_nav_hover.jpg);background-repeat: repeat-x;background-position: 0px 8px;}
#subNav{width:1100px;height:auto;margin-top: -10px;position:absolute;z-index:999;}
#yhtools{width:1099px;height:45px;background-color:#999999;margin-top: 0px;display:none;position:absolute;z-index:999;}
.nav_submenu1{float:left;margin-left:300px;margin-top:8px;background-color:#666666;padding:5px 8px 5px 8px;font-family:微软雅黑,Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:12px; font-style:normal;color:#FFFFFF;}
.nav_submenu1:hover {background-color:#339933;}
.nav_submenu1 a{color:#ffffff;}
.nav_submenu1 a:hover{text-decoration:none;}
.nav_submenu2{float:left;margin-left:15px;margin-top:8px;background-color:#666666;padding:5px 8px 5px 8px;font-family:微软雅黑,Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:12px; font-style:normal;color:#FFFFFF;}
.nav_submenu2:hover {background-color:#339933;}
.nav_submenu2 a{color:#ffffff;}
.nav_submenu2 a:hover{text-decoration:none;}
#yhtools p{-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.navArrow{float:left;margin-left:0px;margin-top:19px;margin-right:5px;border-style:solid dashed dashed dashed;border-width:3px;border-color:#fff transparent transparent transparent;width:0;height:0;}

#newIcon {
        position:absolute;margin-top:-5px;margin-left:75px;#margin-left:-23px;_margin-left:-23px; z-index:666;width:29px;height:16px;background-image :url(../img/new-icon.gif); background-position :0px 0px; background-repeat :no-repeat ;
}


.pNavigateAd{padding-left:2px;padding-top:6px;padding-bottom:3px;height:20px;background-image: url(http://www.webkaka.com/click/ad-mark.png);background-position: 1070px 13px;background-repeat: no-repeat;}
.spanNavigateAd{float:left;padding-right:28px;}
.pTopTextAd-4lie-wenzi{margin-left:5px;width:266px;padding-top:0px;padding-top:5px\0;padding-bottom:2px;padding-bottom:2px\0;line-height:165%;line-height:165%\0;font-size:13px;}
.pTopTextAd{margin-left:5px;margin-right:15px;width:210px;padding-top:0px;padding-top:5px\0;padding-bottom:2px;line-height:190%;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:clip;}
.pTopTextAd-right{margin-left:5px;width:175px;padding-top:0px;padding-top:5px\0;padding-bottom:2px;line-height:190%;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:clip;text-align:center;}
@media(max-width:1100px)
{
        .pTopTextAd-right{width:135px;}
}

#adImg03 {
        width:366px;height:46px;border:2px solid #9e9ea0;
}

#position {
	padding-left: 20px;
}
#download{
	line-height: 22px;
	width:273px;
	height:110px;
	font-size:12px;
	padding-top:0px;
	background:url(../images/download_bg.png) no-repeat;
}
#down {
	height:100px;
	padding: 10px 19px 0px 26px;
}
#down .download_btn {
	/*background: url(../images/favorite_btn.png) left top;*/
	width:218px;
	height:64px;
	display:block;
}
#down .download_btn:hover {
	/*background: url(../images/favorite_btn.png) left bottom;*/
}
#buttom {
	background-attachment: scroll;
	background-image: url(../img/down_buttom.gif);
	background-repeat: no-repeat;
	height: 6px;
	font-size: 0px;
}
#dedenews {
	height: 37px;
	width: 955px;
	padding-left: 5px;
	background-attachment: scroll;
	background-image: url(../img/news_left.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#dedenews #newtitle {
	background-image: url(../img/news_title_bg.gif);
	background-repeat: repeat-x;
	height: 37px;
	line-height: 37px;
	width: 100px;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E7E8E6;
}
#dedenews #news {
	width: 828px;
	height: 37px;
	line-height: 37px;
	background-attachment: scroll;
	background-image: url(../img/news_background.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding-left: 20px;
}
#news ul li {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	list-style-type: disc;
	list-style-position: inside;
}
#dedenews #newright {
	background-attachment: scroll;
	background-image: url(../img/news_right.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 37px;
	width: 6px;
}
#feature {
	width: 684px;
}
#feature2 {
	width: 647px;
}
#commend {
	width: 270px;
}
#commend2 {
	width: 183px;
}
#speedbox {
	width: 370px;
}
#hotdown {
	width: 385px;
}
#hotdown2 {
	width: 385px;
}
#hotdown3 {
	width: 385px;
}
#hotdown4 {
	width: 385px;
}
#hothelp {
	width: 385px;
	margin-left: 5px;
}
#hothelp2 {
	width: 385px;
	margin-left: 5px;
}
#hothelp3 {
	width: 385px;
	margin-left: 5px;
}
#hothelp4 {
	width: 385px;
	margin-left: 5px;
}
#hothelp5 {
	width: 385px;
	margin-left: 5px;
}
#comfaq {
	width: 320px;
}
#comfaq2 {
	width: 320px;
}
#comfaq3 {
	width: 320px;
}
#comfaq4 {
	width: 320px;
}
#comfaq5 {
	width: 320px;
}
.tagsmall{
	font-size :12px;margin-left:5px;margin-right:5px;
}
.taglarge{
	font-size :16px;margin-left:5px;margin-right:5px;font-weight:bold ;
}
#search {
	text-align: center;
	margin-top: 12px;
	padding-bottom: 14px;
}
#buttom_c {
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 15px;
	text-align: left;
}
#buttom_c #buttom_logo {
	float: left;
}
#buttom_c #buttom_text {
	float: left;
	margin-left: 50px;
}
#buttom_c #buttom_text a {
	margin-right: 5px;
	margin-left: 5px;
	color: #0B66A8;
}

#buttom_t {
    padding-top: 10px;
    margin-left: auto;
    height: 25px;
    width: 100%;
    border-bottom: solid 1px #eee;
    text-align: center;
}
#buttom_t a{
    margin-right: 6px;
	margin-left: 6px;
        color: #0B66A8;
	padding-bottom:5px;
}

#buttom_copyright 
{
    margin-left:0px;
    padding-top: 5px;
    padding-bottom: 10px;
    text-align: center;
}
#buttom_copyright a
{
        color:#000000;
}

#buttom_c #buttom_top {
	float: right;
}

#buyguide #guidebody {
	color: #0B66A8;
	padding-left: 5px;
	padding-top: 5px;
	line-height: 22px;
}
#buyguide #guidebody p {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
	padding-left: 20px;
	padding-top: 5px;
	font-weight: bold;
}
#case {
	background-image:url(../img/case.png);
	background-position:left top;
	background-repeat:no-repeat;
	height:75px;
	width:72px;
	margin-top: 40px;
	margin-right: 30px;
}
#case dt {
	font-size:30px;
	font-weight:bold;
	height:55px;
	line-height:55px;
}
.sbar {
	background-color: #85BD38;
	padding-left: 10px;
	height: 28px;
	line-height: 28px;
	margin-top: 10px;
	font-weight: bold;
	color: #FFF;
	margin-bottom: 10px;
}
.arcbody .destext {
	color: #777171;
	line-height: 22px;
}
.search{
	margin-left:12px;
	width:410px;
	font-size:12px;
}
.search1{
	margin-left:12px;
	width:250px;
	font-size:12px;
}
.s_main{
	line-height:25px;
	}
.s_radio{	
	line-height:16px;
	height:16px;
	padding:2px 0 5px 0;
	
	*line-height:16px;
	*height:16px;
	*padding:2px 0 5px 0;
	_line-height:12px;
	_height:12px;
	_padding:2px 0 0px 0;
	
	}
.s_radio input{
	vertical-align:middle;
	}
.s_radio label{
	color:#666;
	}
.s_input{
	width:160px;
	/*border:1px solid #ccc;*/
        border:2px solid #FFAC53;
	padding:4px 5px 4px 25px;
	margin-right:5px;
        font-weight :bold;
	background:url(../images/google_ico.jpg) 4px no-repeat;
}
.n_input{
	width:16px;
	/*border:1px solid #ccc;*/
        border:2px solid #FFAC53;
	padding:4px 5px 4px 5px;
        font-weight :bold;
	margin-right:5px;
}
.pingResultTable{
    BORDER-RIGHT: #cedced 1px solid; BORDER-TOP: #cedced 1px solid; WIDTH: 955px; BORDER-COLLAPSE: collapse
}
.pingResultTable TH {
	HEIGHT:25px; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0.3em; BORDER-LEFT: #cedced 1px solid; PADDING-TOP: 0.3em; BORDER-BOTTOM: #cedced 1px solid; 
}
.pingResultTable TH {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #7DB92C; COLOR: #ffffff; TEXT-ALIGN: center
}
.pingResultTable TD {
	HEIGHT:40px; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0.3em; BORDER-LEFT: #cedced 1px solid; COLOR: #000; PADDING-TOP: 0.3em; BORDER-BOTTOM: #cedced 1px solid; FONT-SIZE: 12px; COLOR: #000; TEXT-ALIGN: center
}
.pingResultTableTr TD{
	BACKGROUND: #F5FAFA;  
}
.pingResultTableTrHover TD{
	BACKGROUND: #ceffff;  
}
.hoverTableTrOdd TD{
	BACKGROUND: #7DB92C;  
}

.pingInnerTable{
    BORDER-RIGHT: #cedced 1px solid; BORDER-TOP: #cedced 1px solid; WIDTH: 955px; BORDER-COLLAPSE: collapse
}
.pingInnerTable TH {
	HEIGHT:30px; BACKGROUND: #E9F1FA; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000; PADDING-BOTTOM: 0.3em; BORDER-LEFT: #cedced 1px solid; PADDING-TOP: 0.3em; TEXT-ALIGN: left;
}
.pingInnerTableMiddle {
	HEIGHT:30px; BACKGROUND: #FFFFFF; BORDER-LEFT: #cedced 1px solid; BORDER-BOTTOM: #cedced 1px solid; font:Arial,Sans-Serif; FONT-SIZE: 14px; COLOR: #4f6b72; padding-left:20px;padding-top:10px;padding-bottom:10px
}
.pingInnerTableBottom {
	HEIGHT:28px !important; HEIGHT:25px; BACKGROUND: #E9F1FA; BORDER-LEFT: #cedced 1px solid; BORDER-BOTTOM: #cedced 1px solid; font:Arial,Sans-Serif; FONT-SIZE: 12px; COLOR: #4f6b72; padding-left:20px;padding-top:2px;padding-bottom:2px
}
.pingInnerTableBottomErr {
	HEIGHT:28px !important; HEIGHT:25px; BACKGROUND: RED; BORDER-LEFT: #cedced 1px solid; BORDER-BOTTOM: #cedced 1px solid; font:Arial,Sans-Serif; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; padding-right:20px;padding-top:2px;padding-bottom:2px;TEXT-ALIGN: right;
}


.tracertResultTable{
    BORDER-RIGHT: #cedced 1px solid; BORDER-TOP: #cedced 1px solid; WIDTH: 957px; table-layout:fixed;word-break:break-all;word-wrap: break-word;
}
.tracertResultTable TH {
	HEIGHT:25px; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0.3em; BORDER-LEFT: #cedced 1px solid; PADDING-TOP: 0.3em; BORDER-BOTTOM: #cedced 1px solid; 
}
.tracertResultTable TH {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #7DB92C; COLOR: #ffffff; TEXT-ALIGN: center
}
.tracertResultTable TD {
	HEIGHT:25px; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BORDER-LEFT: #cedced 1px solid; COLOR: #000; PADDING-TOP: 0.3em; BORDER-BOTTOM: #cedced 1px solid; FONT-SIZE: 12px; COLOR: #000; TEXT-ALIGN:center;
}
.tracertResultTable TD{
	BACKGROUND: #F5FAFA;
}
.tracertResultTable DIV{
	float:left;
}
.tracertResultTable a:link{
	COLOR: #ffffff;
}

.DnsResultTable{
    BORDER-RIGHT: #cedced 1px solid; BORDER-TOP: #cedced 1px solid; BORDER-BOTTOM: #cedced 1px solid; WIDTH: 650px; BORDER-COLLAPSE: collapse;table-layout:fixed;word-break: break-all;word-wrap: break-word;
}
.DnsResultTable TH {
	HEIGHT:25px; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0.3em; BORDER-LEFT: #cedced 1px solid; PADDING-TOP: 0.3em; BORDER-BOTTOM: #cedced 1px solid; 
}
.DnsResultTable TH {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #7DB92C; COLOR: #ffffff; TEXT-ALIGN: center
}
.DnsResultTable TD {
	HEIGHT:25px; PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 0.3em; BORDER-LEFT: #cedced 1px solid; PADDING-TOP: 0.3em; BORDER-BOTTOM: #cedced 1px solid; FONT-SIZE: 12px;
}
.DnsResultTable .CENTER {
	text-align :center 
}
.DnsResultTable .LEFT {
	PADDING:10px 10px 10px 30px;FONT-SIZE:12px;FONT:Arial,Sans-Serif; 
}
.DnsResultTableTr TD{
	/* BACKGROUND: #F5FAFA;  */
}

#tophost {
	clear: both;
	padding: 8px;
}
#truetitle {
	background-attachment: scroll;
	background-image: url(../img/true_title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 32px;
	height: 32px;
	text-align: right;
	padding-right: 15px;
}
#producs {
	padding: 8px;
}
#producs #pd_1 {
	padding: 5px;
	background-color: #F8F8F7;
	float: left;
	margin-right: 2px;
	margin-bottom: 10px;
}
#product_info {
	clear: both;
	padding: 20px;
}
#product_info table {
	border: 1px solid #E8E8E8;
}
#product_info table tr td {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E8E8E8;
	border-left-color: #E8E8E8;
	height: 36px;
	vertical-align: middle;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E8E8E8;
	border-bottom-color: #E8E8E8;
	padding-left: 20px;
}
#product_info table tr td h2 {
	font-size: 14px;
	font-weight: bold;
}
.video {
	clear: both;
	padding-left: 5px!important;
	padding-left:0;
	padding-top: 5px!important;
	padding-top: 10px;
	padding-bottom: 8px;
}

.video dl {
	float:left;
	height:123px;
	width:132px;
	margin-right: 5px;
	margin-left: 5px;
}
.video dl dt {
	height:93px;
	width:124px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../img/video.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.video dl dt a img {
	display:block;
	height:77px;
	padding:1px 0 0 1px;
	width:122px;
}
.video dl dd {
	height:30px;
	letter-spacing:1px;
	overflow:hidden;
	width:114px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
}
.video dl dd a {
	color:#005A98;
	font-family:Arial;
	text-decoration:none;
}
#searchform {
	height: 97px;
	width: 539px;
	background-attachment: scroll;
	background-image: url(../img/check_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	margin-bottom: 5px;
}
#searchform .searchinput {
	margin-top: 45px;
	float: left;
	padding-left: 35px!important;
	padding-left: 35px;
	width: 370px!important;
	width:360px;
}
#searchform .searchinput input {
	width: 360px;
	background-color: Transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#searchform .searchbtn {
	float: left;
	margin-top: 38px;
	margin-left: 0px!important;
	margin-left: 0px;
	height: 32px;
	width: 88px;
}
#searchform .searchbtn input {
	background-attachment: scroll;
	background-image: url(../img/check_btn.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 32px;
	width: 88px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#attention {
	padding: 10px;
	margin-bottom: 5px;
	background-color: #FFFFDB;
	border: 1px solid #FC0;
	line-height: 22px;
}
#domainsform {
	line-height: 24px;
}
#domainsform .dmtitle {
	height: 36px;
	padding-left: 10px;
	font-size: 14px;
	line-height: 36px;
	font-weight: bold;
	background-color: #EAEAEA;
}
#domainsform tr td {
	line-height: 32px;
	height: 32px;
	vertical-align: middle;
	padding-left: 5px;
}
#tech {
	padding: 20px;
}
#tech .addlist {
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	margin-bottom: 10px;
}

#tech .addlist .litimg {
	float: left;
	margin-right: 10px;
}
#tech .addlist .techdes {

}
#tech .addlist .addinfo {
	float: right;
	line-height: 22px;
}
#tech .addlist .thumbnail{
	float:left;
        width:135px;
        height:100px;
        margin-right:5px;
        overflow: hidden;
}
#tech .addlist .thumbnail img{
        width:135x;
        height:100px; 
        transition: all 0.6s;  
}
#tech .addlist .thumbnail img:hover{
        transform: scale(1.4); 
}
#tech .addlist .techdes ul li {
	margin-bottom: 5px;
}

.post-body{
    table-layout:fixed;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-break: break-all; /* 以字母换行 Internet Explorer 5.5+ */
    word-wrap: break-word; /* 以单词换行 Internet Explorer 5.5+ */
}

/* 文章项目列举 begin */
#tech .techdes ul.listitem {
       overflow:hidden;
       white-space: pre-line;
       text-overflow: clip;
}
#tech .techdes ul.listitem li{
        margin-left: 35px;
        /* overflow: hidden; */
        font-size: 13px;
        list-style-type: disc;
        /* list-style-position: inside; 文字换行不对齐 */
        list-style-position: outside;
        /* white-space: nowrap; */
        /* text-overflow: clip; */
        color: #333333;
        line-height: 150%;
}
#tech .techdes ul.listitem li a{
        text-decoration:underline;
        color: #3d3dac;
}
#tech .techdes ul.listitem li a:hover{
        text-decoration:underline;
        color: #3366cc;
}
#tech .techdes ul.listitem li a:visited{
        text-decoration:underline;
        color: #333333;
}
/* 文章项目列举 end */

/* 项目列举 打勾符号 begin */
#tech .techdes ul.listitem_tick {
       overflow:hidden;
       white-space: pre-line;
       text-overflow: clip;
}
#tech .techdes ul.listitem_tick li{
        margin-left: 35px;
        /* overflow: hidden; */
        font-size: 13px;
        /* list-style-type: '✓ '; */
        /* list-style-position: inside; 文字换行不对齐 */
        list-style-position: outside;
        /* white-space: nowrap; */
        /* text-overflow: clip; */
        color: #333333;
        line-height: 150%;
}
#tech .techdes ul.listitem_tick li::before {
        content: '✓'; /* 设置内容为勾 */
        margin-right: 8px;
}
#tech .techdes ul.listitem_tick li a{
        text-decoration:underline;
        color: #3d3dac;
}
#tech .techdes ul.listitem_tick li a:hover{
        text-decoration:underline;
        color: #3366cc;
}
#tech .techdes ul.listitem_tick li a:visited{
        text-decoration:underline;
        color: #333333;
}
/* 项目列举 打勾符号 end */

/* 文章项目编号列举 begin */
#tech .techdes ol.listitem {
       overflow:hidden;
       white-space: pre-line;
       text-overflow: clip;
}
#tech .techdes ol.listitem li{
        padding-left:10px;
        font-size: 13px;
        font-family: "微软雅黑","宋体",italic Times,serif;
        color:#666666;
        font-weight:bold;
}
#tech .techdes ol.listitem li a{
        text-decoration:underline;
        color: #3d3dac;
}
#tech .techdes ol.listitem li a:hover{
        text-decoration:underline;
        color: #3366cc;
}
#tech .techdes ol.listitem li a:visited{
        text-decoration:underline;
        color: #333333;
}
/* 文章项目编号列举 end */

/* 文章文字引用 begin */
     #tech .techdes blockquote {
          font-family: "微软雅黑","宋体",italic Times,serif;
          color:#888;
          font-size: 13px;
          padding: 35px 18px 18px 18px;
          background-color: #eee;
          border-left: 10px solid #ccc;
          margin: 20px 35px 20px 35px;
          background-image: url(../images/quote_open_ccc.png);
          background-position: 15px 10px;
          #background-position: 25px 10px;
          background-repeat: no-repeat;
          text-indent: 0px;
          -moz-border-radius: 4px;      /* Gecko browsers */
          -webkit-border-radius: 4px;   /* Webkit browsers */
          border-radius:4px;            /* W3C syntax */
          table-layout:fixed;
          white-space: pre-wrap; /* css-3 */
          white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
          white-space: -pre-wrap; /* Opera 4-6 */
          white-space: -o-pre-wrap; /* Opera 7 */
          word-break: break-all; /* 以字母换行 Internet Explorer 5.5+ */
          word-wrap: break-word; /* 以单词换行 Internet Explorer 5.5+ */
     }
     #tech .techdes blockquote span {
          display: block;
          background-image: url(../images/quote_close_ccc.png);
          background-repeat: no-repeat;
          background-position: bottom right;
     }
     #tech .techdes blockquote cite {
          color: #999999;
          font-size: 13px;
          display: block;
          margin-top: 5px;
     }
     #tech .techdes blockquote a{
        text-decoration:underline;
     }
/* 文章文字引用 end */

/* 文章文字引用 begin */
.quote{
    margin-left:20px;
    padding:10px;
    border-left:solid 3px #e1e1e1;
    background-color:#f1f1f1;
    table-layout:fixed;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-break: break-all; /* 以字母换行 Internet Explorer 5.5+ */
    word-wrap: break-word; /* 以单词换行 Internet Explorer 5.5+ */
}
/* 文章文字引用 end */

/* 文章声明/序言文字 begin */
#tech .techdes p.declare{
    margin-left:0px;
    padding:10px;
    border-left:solid 3px #006666;
    background-color:#eee;
    color:#996633;
    table-layout:fixed;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-break: break-all; /* 以字母换行 Internet Explorer 5.5+ */
    word-wrap: break-word; /* 以单词换行 Internet Explorer 5.5+ */
}
#tech .techdes p.declare a{
    color:#333333;
    text-decoration:underline;
}
#tech .techdes p.declare a:hover{
    color:blue;
}
/* 文章声明/序言文字 end */

/* 文章警告/提醒文字 begin */
#tech .techdes p.alert{
    background:#99FFCC no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAXCAYAAAARIY8tAAABHElEQVRIx2NgGGjwv4GB6f9eFqv/B1gz/x9gq/y/nzXl/342HeoYvpfF6f8B9jv/D7L/x8AH2I7938OmRZ7BDAyMQIOnYjUYBbP9/L+fvYB0Cw6yNRM2HMWiMOIN38OgBNTwizQL2J/9X8XASazr60k0HOaLICItYN9JlgX7WXuI9cEZsiw4wDafOAsOsG0mzwdsLcRaUEuWBfvYvYmzYD+DDBmp6B4oxxOfVA+wlZGQev7+38/iQEZOZu0lwvBfQHWx5JdFB9j340857JMoK+wI5Qli0z6euFhLIIjqKfWBKtCQamAab8DE7CX/tzGIMgx6AHRtBFYfHGBxpI4FB9mW4Aj/cupYsJNBERjZVSiuP8he/H8Hg9CgCGIAiPxM1oDU6gkAAAAASUVORK5CYII=) 20px center;
    margin-left:0px;
    padding-top:18px;
    padding-left:60px;
    padding-right:18px;
    padding-bottom:18px;
    border:1px solid #ccc;
    table-layout:fixed;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-break: break-all; /* 以字母换行 Internet Explorer 5.5+ */
    word-wrap: break-word; /* 以单词换行 Internet Explorer 5.5+ */
}
#tech .techdes p.alert a{
    color:#333333;
    text-decoration:underline;
}
#tech .techdes p.alert a:hover{
    color:blue;
}
/* 文章警告/提醒文字 end */

/* 文章警告/提醒文字 begin */
#tech .techdes p.alert1{
    background:#99FFCC no-repeat url(/img/alert1.png) 15px center;
    margin-left:0px;
    padding-top:13px;
    padding-left:78px;
    padding-right:18px;
    padding-bottom:15px;
    border:1px solid #ccc;
    table-layout:fixed;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-break: break-all; /* 以字母换行 Internet Explorer 5.5+ */
    word-wrap: break-word; /* 以单词换行 Internet Explorer 5.5+ */
}
#tech .techdes p.alert1 a{
    color:#333333;
    text-decoration:underline;
}
#tech .techdes p.alert1 a:hover{
    color:blue;
}
/* 文章警告/提醒文字 end */

/* 文章警告/提醒文字 begin */
#tech .techdes p.alert2{
    background:#99FFCC no-repeat url(/img/alert2.png) 15px center;
    margin-left:0px;
    padding-top:18px;
    padding-left:110px;
    padding-right:18px;
    padding-bottom:18px;
    border:1px solid #ccc;
    table-layout:fixed;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-break: break-all; /* 以字母换行 Internet Explorer 5.5+ */
    word-wrap: break-word; /* 以单词换行 Internet Explorer 5.5+ */
}
#tech .techdes p.alert2 a{
    color:#333333;
    text-decoration:underline;
}
#tech .techdes p.alert2 a:hover{
    color:blue;
}
/* 文章警告/提醒文字 end */

/* 文章 笔记文字 begin */
#tech .techdes div.note{
    background:#EFD9FD;
    width:100%;
    border-radius: 4px;
}
#tech .techdes p.note-title {
  background: no-repeat url(/images/icon-note.png) 16px center;
  margin-left: 0px;
  padding-top: 5px;
  padding-left: 36px;
  padding-right: 18px;
  padding-bottom: 5px;
  table-layout: fixed;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
  font-weight: bold;
  font-size: 15px;
  border-bottom: solid 1px #afcff0;
}
#tech .techdes p.note-content {
  margin-left: 0px;
  padding-top: -12px;
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 10px;
  table-layout: fixed;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
}
/* 文章 笔记文字 end */


#tech .addlist .dtitle a{
	font-size: 14px;
	font-weight: bold;
	color: #0B65A7;
}
#tech .techdes p{
        font-size: 14px;
        color:#666;
        font-family: "微软雅黑","宋体","Arial Narrow",sans-serif;
        line-height: 180%;
        margin-bottom: 12px;
        white-space: pre-wrap; /* css-3 */
        white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        word-break: break-all; /* 以字母换行 Internet Explorer 5.5+ */
        word-wrap: break-word; /* 以单词换行 Internet Explorer 5.5+ */
}
/* 代码标签 把文章里一些代码文本高亮显示 */
#tech .techdes code{
        font-family:Monaco, Consolas, "Andale Mono","DejaVu Sans Mono", monospace;
        background:#eeeeee;
        border:0px solid #f1f1f1;
        border-radius:0px;
        font-size:13px;
        color:#d41faa;
        padding: 3px 4px 3px 4px;
        margin-left:2px;
        margin-right:2px;
}

/* 文章图片样式 */
#tech .techdes img.img-style-1{
    border: #d0d0d2 5px solid;
    border-radius: 10px;
}

/* 文章段落标题高亮显示 */
#tech .techdes .highlight-span {
        margin-top:25px;
        margin-bottom:30px;
}
#tech .techdes .highlight-span span{
        font-size: large;
        height: auto;
        width: auto;
        font-weight: bold;
        color: #ffffff;
        padding: 4px 10px 8px 20px;
        line-height: 1.25;
        background-color: #333;
}

/* 文章段落标题高亮显示 不加入广告 */
#tech .techdes .highlight-span-x {
        margin-top:25px;
        margin-bottom:30px;
}
#tech .techdes .highlight-span-x span{
        font-size: large;
        height: auto;
        width: auto;
        font-weight: bold;
        color: #ffffff;
        padding: 4px 10px 8px 20px;
        line-height: 1.25;
        background-color: #333;
}

/* 文件下载 */
#tech .techdes .download_file a[href$='.rar']{
    background: transparent url(../img/icon_zip.gif) center left no-repeat;
    padding-left: 18px;
    margin-top:25px;
    margin-bottom:30px;
    margin-left:15px;
}


#tech .techdes .download_rar a[href$='.rar']{
    background: transparent url(../img/icon_rar.png) center left no-repeat;
    padding-left: 28px;
    margin-top:25px;
    margin-bottom:30px;
    margin-left:15px;
    font-size:16px;
}

/* 文章代码 begin*/
#tech .techdes p.code{
        margin-left:0px;
        margin-right:0px;
        font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
        font-size: 12px;
        border:1px solid #999;
	background-color:#fafafa;
        padding:5px 10px 5px 10px;
        height:auto;
        width:auto;
        overflow:auto;
        table-layout:fixed;
        white-space: pre-wrap; /* css-3 */
        white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        word-break: break-all; /* 以字母换行 Internet Explorer 5.5+ */
        word-wrap: break-word; /* 以单词换行 Internet Explorer 5.5+ */

}

#tech .techdes div.divCode{
        border:1px solid #999;
        background-color:#f4f4f4;
        margin-bottom:15px;
} 
#tech .techdes ul.ulCode{
        margin-top:0px;
        margin-bottom:0px;
        margin-left:0px;
        border-left:3px solid #6ce26c;
        font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
        font-size: 12px;
        color:#666;
        padding:5px 10px 5px 10px;
        line-height:150%;
        height:100%;
}
#tech .techdes ul.ulCode li{
        overflow:auto;
        table-layout:fixed;
        white-space: pre-wrap; /* css-3 */
        white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        word-break: break-all; /* 以字母换行 Internet Explorer 5.5+ */
        word-wrap: break-word; /* 以单词换行 Internet Explorer 5.5+ */
}
#tech .techdes p.btnCopy{
        cursor: pointer;
        font-size: 12px;
        font-family: "Microsoft Yahei",微软雅黑,arial;
        float: right;
        color: #666699;
        padding-bottom: 0px;
        padding-top: 0px;
        padding-left: 3px;
        display: none;
        padding-right: 3px;
        margin-right: 3px;
        background-color: #f4cb82;
}
#tech .techdes p.btnCopy:hover{
        color: #660033;
}

  /* 新版 */
#tech .techdes p.pToolbar{
        float:right;
        width:42px;
	height:18px;
	padding:2px 2px 2px 2px;
	background:#F8F8F8;
	border:1px solid #ccc;
        font-size: 12px;
        font-family: "Microsoft Yahei",微软雅黑,arial;
        display: none;
        padding-right: 3px;
        margin-right: 3px;

}
#tech .techdes .divCopy1{
    float:right;
    width:50px;
    height:22px;
    padding:0;
    background:#e7e5dc;
    border-left:1px solid #999;
    border-bottom:1px solid #999;
}
#tech .techdes .divCopy2{
    float:right;
    width:50px;
    height:22px;
    padding:0;
    margin-right: 1px;
    background:#e7e5dc;
    border-left:1px solid #999;
    border-bottom:1px solid #999;
}
#tech .techdes .divCopy{
    float:right;
    width:50px;
    height:22px;
    padding:0;
    margin-right: 1px;
    background:#e7e5dc;
    border-left:1px solid #999;
    border-bottom:1px solid #999;
}
#tech .techdes .ulCopy{
    margin:0;
    width:100%;
    height:100%;
}
#tech .techdes .liNewWin, #tech .techdes .liCopy{
    float:left;
    list-style:none;
    display:inline-block;
    width:50%;
    height:100%;
    overflow:hidden;
}
#tech .techdes .divNewWin, #tech .techdes .divLoadSwf{
    width:16px;
    height:16px;
    margin-top:3px;
    margin-left:4px;
    cursor:pointer;
}
#tech .techdes .divNewWin{
    background-image:url(../img/page_white_code.png);
}
#tech .techdes .liNewWin:hover, #tech .techdes .liCopy:hover{
    background:#ccdddd;
}
#tech .techdes .divTipBox{
    position: absolute;
    overflow: visible;
    z-index: 99;
    background:#999;
    padding:3px;
    color:#fff;
}
/* 文章代码 end*/


/* 代码文件名 begin*/
#tech .techdes p.codefile{
    margin-bottom:-20px;
    font-weight:700;
    font-size:14px;
    font-family:arial;
    font-style: italic;
}
/* 代码文件名 end*/


/* 文章内容目录 begin*/
#arcItem{
    background: #d7ecd6;
    padding: 15px 15px;
    border: 1px solid #d7ecd6;
    border-radius: 5px;
    margin-bottom: 30px;
}
#arcItem p.itemtitle{
    font-size:16px;
    font-weight:bold;
}
#contentItem{
    float:right;
    max-width:200px;
    min-width:150px;
    height:auto;
    color:#666;
    background:#fff;
    border:solid #ccc 1px;
    border-radius: 5px 5px;
    padding:5px 5px;
    position:fixed;
    top:200px;
    display:none;
}
#contentItemUL p.itemtitle{
    font-size:16px;
    font-weight:bold;
    text-align: center;
    width: 100%;
}
#contentItemUL{
    list-style-type:disc;
}
#contentItemUL li{
    margin-left:15px;
    margin-top:5px;
    font-size:13px;
}
/* 文章内容目录 end*/


/* 代码执行结果输出 begin*/
#tech .techdes p.output{
        margin-left:0px;
        margin-right:0px;
        font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
        font-size: 12px;
        color: #8c6710;
        border:0px solid #999;
        border-radius: 5px;
	background-color:#dddddd;
        padding:5px 10px 5px 10px;
        height:auto;
        width:auto;
        overflow:auto;
        table-layout:fixed;
        white-space: pre-wrap; /* css-3 */
        white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        word-break: break-all; /* 以字母换行 Internet Explorer 5.5+ */
        word-wrap: break-word; /* 以单词换行 Internet Explorer 5.5+ */

}
/* 代码执行结果输出 end*/

/* 文章表格 begin*/
#tech .techdes .tblContent {
        margin-bottom: 10px;
        border-collapse: collapse;
        text-align: center;
        width:100%;
        border:1px solid #33ccff;
}
#tech .techdes .tblContent tr:nth-child(odd) {
  background-color:#F5F5F5;
}
#tech .techdes .tblContent tr:nth-child(even) {
  background-color:#fff;
}
#tech .techdes .tblContent th{
        background-color:#333;
        font-weight:bold;
        border:1px solid #999;
        height:35px;
        color:#fff;
}
#tech .techdes .tblContent td{
        height:24px;
        padding-left:5px;
        padding-right:5px;
        border:1px solid #999;
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 165%;
}
#tech .techdes .tblStrong{
        font-weight:bold;
}
#tech .techdes .tblContent .tLeft{
        text-align:left;
}
#tech .techdes .tdLeft td{
        text-align:left;
}
/* 文章表格 end*/

/* 文章标签 begin*/
#tech .techdes  h5{
	color: #000000;
	margin:0;
	padding:0;
	font-size:15px;
}
#tech .techdes  h5 a{
        /*display:inline;*/
        text-decoration:none;
        background-color:lightblue;
        padding:2px 5px 2px 5px;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
}
#tech .techdes h5 a:hover{
        background-color:#e1e1e1;
}
/* 文章标签 end*/

/* 文章段落标题 begin */
#tech .techdes h3{
  width:100%;
  height:15px;
  margin-top:15px;
  margin-bottom:15px;
  font-family: "Microsoft Yahei","宋体",italic Times,serif;
  font-size: large;
  font-weight: bold;
  color:#006666;
  line-height:100%;
  /*border-bottom: 1px solid #ccc;*/
  /*border-left:5px solid #336699;*/
  background-image:url(../img/icon-33cc66-3.gif);
  background-position:-2px 1px;
  background-repeat: no-repeat;
  padding-left:15px;
  padding-bottom:7px;
}
/* 文章段落标题 end */

/* 文章段落次标题 begin */
#tech .techdes h4{
  width:100%;
  height:15px;
  margin-top:15px;
  margin-bottom:15px;
  font-family: "Microsoft Yahei","宋体",italic Times,serif;
  font-size: 15px;
  font-weight: bold;
  color:#006666;
  line-height:100%;
  /*border-bottom: 1px solid #ccc;*/
  /*border-left:5px solid #336699;*/
  background-image:url(../img/icon_circle.png);
  background-position:0px 3px;
  background-repeat: no-repeat;
  padding-left:15px;
  padding-bottom:7px;
}
/* 文章段落次标题 end */

/* 效果演示 begin */
#tech .techdes p.rundemo{
  text-align:center;
  font-size:0px;
  width:100%;
  height:45px;
}
#tech .techdes p.rundemo a{
  outline:none;
}
#tech .techdes span.btn_demo{
  margin:5px 5px 5px 5px;
  width: 129px;
  height: 33px;
  background-image: url(../img/btn_demo.png);
  background-position:0px 0px;
  background-repeat: no-repeat;
  display:inline-block;
  cursor:pointer;
}
#tech .techdes span.btn_demo:hover{
  margin:5px 5px 5px 5px;
  width: 129px;
  height: 33px;
  background-image: url(../img/btn_demo.png);
  background-position:0px -40px;
  background-repeat: no-repeat;
  display:inline-block;
  cursor:pointer;
}
/* 效果演示 end */

/* 效果演示 源码下载 begin */

#tech .techdes span.btn_demo4{
  margin:5px 5px 5px 5px;
  width: 129px;
  height: 33px;
  background-image: url(../img/btn_demo4.png);
  background-position:0px 0px;
  background-repeat: no-repeat;
  display:inline-block;
  cursor:pointer;
}
#tech .techdes span.btn_demo4:hover{
  margin:5px 5px 5px 5px;
  width: 129px;
  height: 33px;
  background-image: url(../img/btn_demo4.png);
  background-position:0px -40px;
  background-repeat: no-repeat;
  display:inline-block;
  cursor:pointer;
}
#tech .techdes span.btn_download4{
  margin:5px 5px 5px 5px;
  width: 129px;
  height: 33px;
  background-image: url(../img/btn_download4.png);
  background-position:0px 0px;
  background-repeat: no-repeat;
  display:inline-block;
  cursor:pointer;
}
#tech .techdes span.btn_download4:hover{
  margin:5px 5px 5px 5px;
  width: 129px;
  height: 33px;
  background-image: url(../img/btn_download4.png);
  background-position:0px -40px;
  background-repeat: no-repeat;
  display:inline-block;
  cursor:pointer;
}
/* 效果演示 源码下载 end */

/* 试一试 begin */
#tech .techdes p.runtry{
  text-align:left;
  font-size:0px;
  width:100%;
  height:45px;
}
#tech .techdes p.runtry a{
  outline:none;
}
#tech .techdes span.btn_try{
  margin:5px 5px 5px 5px;
  width: 129px;
  height: 33px;
  background-image: url(../img/btn_try.png);
  background-position:0px 0px;
  background-repeat: no-repeat;
  display:inline-block;
  cursor:pointer;
}
#tech .techdes span.btn_try:hover{
  margin:5px 5px 5px 5px;
  width: 129px;
  height: 33px;
  background-image: url(../img/btn_try.png);
  background-position:0px -40px;
  background-repeat: no-repeat;
  display:inline-block;
  cursor:pointer;
}
/* 试一试 end */

/* 运行代码及源码下载 begin */
#tech .techdes p.runcode{
  text-align:left;
  font-size:0px;
  width:100%;
  height:45px;
}
#tech .techdes span.execcode{
  margin:5px 5px 5px 5px;
  width: 100px;
  height: 25px;
  background-image: url(../img/btn-runcode.png);
  background-position:0px 0px;
  background-repeat: no-repeat;
  display:inline-block;
  cursor:pointer;
}
#tech .techdes span.execcode:hover{
  margin:5px 5px 5px 5px;
  width: 100px;
  height: 25px;
  background-image: url(../img/btn-runcode.png);
  background-position:0px -30px;
  background-repeat: no-repeat;
  display:inline-block;
  cursor:pointer;
}
#tech .techdes span.getcode{
  margin:5px 5px 5px 5px;
  width: 100px;
  height: 25px;
  background-image: url(../img/btn-runcode.png);
  background-position:-110px 0px;
  background-repeat: no-repeat;
  display:inline-block;
  cursor:pointer;
}
#tech .techdes span.getcode:hover{
  margin:5px 5px 5px 5px;
  width: 100px;
  height: 25px;
  background-image: url(../img/btn-runcode.png);
  background-position:-110px -30px;
  background-repeat: no-repeat;
  display:inline-block;
  cursor:pointer;
}
/* 运行代码及源码下载 end */

/* 文章实例演示及源码下载 begin */
#tech .techdes p.download{
  text-align:left;
  font-size:0px;
}
#tech .techdes span.demo{
  margin:5px 5px 5px 5px;
  width: 180px;
  height: 32px;
  background-image: url(../img/btn-demo-7.png);
  background-position:0px 0px;
  background-repeat: no-repeat;
  display:inline-block;
  cursor:pointer;
}
#tech .techdes span.demo:hover{
  margin:5px 5px 5px 5px;
  width: 180px;
  height: 32px;
  background-image: url(../img/btn-demo-7.png);
  background-position:0px -42px;
  background-repeat: no-repeat;
  display:inline-block;
  cursor:pointer;
}
#tech .techdes span.download{
  margin:5px 5px 5px 5px;
  width: 180px;
  height: 32px;
  background-image: url(../img/btn-demo-7.png);
  background-position:-185px 0px;
  background-repeat: no-repeat;
  display:inline-block;
  cursor:pointer;
}
#tech .techdes span.download:hover{
  margin:5px 5px 5px 5px;
  width: 180px;
  height: 32px;
  background-image: url(../img/btn-demo-7.png);
  background-position:-185px -42px;
  background-repeat: no-repeat;
  display:inline-block;
  cursor:pointer;
}
/* 文章实例演示及源码下载 end */

/* 相关文章推荐 begin */
#tech .techdes ul.tuijian{
  margin-bottom:25px;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#tech .techdes ul.tuijian li{
  list-style: disc;
  margin-left: 22px;
  font-size: 13px;
  height:20px;
}
#tech .techdes ul.tuijian li a{
  color: #0000ff;
  text-decoration:none;
}
#tech .techdes ul.tuijian li a:hover{
  color: #336699;
  text-decoration:underline;
}
/* 相关文章推荐 end */

/* 文章广告 begin */
#article_ggad3{
  padding-top:10px;
  padding-bottom:10px;
}
#article_ggad4{
  padding-top:20px;
}

/* 文章广告 end */

#classiccase {
	text-align: center;
	clear: both;
	padding: 10px;
}
#classiccase ul li {
	margin-bottom: 10px;
}

.menux,.menux li.on,.menux li.on span,.proList p.ab,.list li,.list01 li,.list03 li,.list04 li,.safety li,.list05 li,.moblePay input.ms,.tab li,.tabx li,.porN1,.porN2,.porN3,.porN4,.ulList li{ background:url(../img/all_img2.gif) 0 0 no-repeat;}
.menux{ width:552px; padding:0 0px; float:left;}
.menux{ height:24px; margin-top:0px; margin-bottom:0px}
.menux li{ padding:0 9px; line-height:17px; font-weight:bold; margin-top:3px; float:left;}
.menux li.on{ background-position:-849px 0; padding-right:0;}
.menux li.on span{ display:block; background-position:right 0; color:#fff; padding-right:9px;}
.menux li a{ color:#358d47;text-decoration:none;font-family:tahoma}
.menux li a:hover{ color:#f60; text-decoration:none;font-family:tahoma}

.Youhua_LinkBtn {
    float:left;margin-left:20px !important;margin-left:15px;height:24px; width:95px; line-height:24px; margin-top:5px; text-align:center; color:#333; font-family:'宋体'; font-weight:bold; text-decoration:none; background:url('../img/link-btn.gif') no-repeat;
}
/* 网速测试页 begin */
.contentTip{
  padding-left:11px;
  padding-right:10px;
  padding-top:11px;
  #padding-top:8px;
  padding-bottom:12px;
  #padding-bottom:0px;
  line-height:185%;
}
@-moz-document url-prefix() {
  .contentTip{
    padding-top:11px;padding-bottom:10px;
  }
}
.contentbox1{
  padding-top:5px !important;
  padding-top:8px;
  *padding-top:18px;
  padding-bottom:18px;
  *padding-bottom:8px;
  padding-left:6px;
}
.contentbox{
  padding-top:10px !important;
  padding-top:13px;
  padding-bottom:13px;
  *padding-bottom:8px;
  padding-left:6px;
}
/* 网速测试页 end */

/* 用JS在文章插入广告 begin */

.adContainerBox {
    width: 100%;
    border: 1px solid #ccc;
    height: 278px;
    background: #fff8f8;
    margin-top: 25px;
    margin-bottom: 11px;
}


/* style 1 */
.adContainerBox a{
  color:#000000;
}
.adContainerBox a:hover{
  color:#100caa;
  text-decoration:none;
}
.adContainerBoxLeftBlock {
    float: left;
    position: relative;
    width: 50%;
    height: 185px;
    padding-top: 40px;
    border-right: 1px solid #e1e1e1;
    display:block;
}
.adContainerBoxLeftNone {
    float: left;
    position: relative;
    width: 50%;
    height: 185px;
    padding-top: 40px;
    border-right: 1px solid #e1e1e1;
    display: none;
}
.adContainerBoxRight {
    position: relative;
    width: auto;
    height: 190px;
    margin: 0 auto;
    padding-top: 35px;
}
.adContainerBoxRight a{
  color:#000000;
  text-decoration:underline;
}
.adContainerBoxRight a:hover{
    color: #9f1f1f;
    text-decoration:none;
}
.adContainerBoxBottom {
    width: 100%;
    border-top: 1px solid #e1e1e1;
    margin-bottom: 0px;
    float: left;
    height: 40px;
}
.adLeftTitle {
  width: 100%;
  font-size: 25px;
  text-align: center;
  margin-top: 20px;
}
.adLeftContent {
  width: 100%;
  font-size: 25px;
  text-align: center;
  margin-top: 20px;
}
.adRightContent {
    width: 100%;
    font-size: 25px;
    text-align: center;
    margin-top: 50px;
}
.adLeftTitle span{
    font-size:60px;
    margin:2px;
}
.adRightTitle {
    font-size: 40px;
    margin-top: 20px;
    margin-bottom: 35px;
    text-align: center;
    width: 100%;
}
.adContainerBoxBottomLeft {
    float: left;
    position: relative;
    width: 50%;
    font-size: 15px;
    margin: 16px 10px;
    color: #333;
}
.adContainerBoxBottomRight {
    float: right;
    font-size: 15px;
    text-align: right;
    margin: 16px 10px;
    color: #100caa;
}
.adContainerBoxRightAdLogo {
    float: right;
    position: relative;
    font-size: 12px;
    text-align: right;
    margin: -32px 15px;
    padding: 0px 3px;
    border: 0px solid #e1e1e1;
    color: #5a5ab7;
}
.divArticleAdClose {
    width: 38px;
    height: 20px;
    background: #ccc0;
    float: right;
    position: relative;
    margin-top: -288px;
    text-align: right;
    font-size: 16px;
    color: #5a5ab7;
    cursor: pointer;
    padding-right: 5px;
}

/* Firefox */
@-moz-document url-prefix(){
    .adContainerBox {
       margin-bottom: 35px;
    }
    .divArticleAdClose {
       margin-top: -313px;
    }
}



/* style 2 */
.adContainerBoxLeftBlock_V2 {
    float: left;
    position: relative;
    width: 50%;
    height: 230px;
    padding-top: 49px;
    border-right: 1px solid #e1e1e1;
    display: block;
}
.adContainerBoxLeftNone_V2 {
    float: left;
    position: relative;
    width: 50%;
    height: 230px;
    padding-top: 49px;
    border-right: 1px solid #e1e1e1;
    display: none;
}
.adContainerBoxLeftBlock_V2b {  /* 左边是一张大图 */
    float: left;
    position: relative;
    width: 50%;
    height: 278px;
    padding-top: 0px;
    border-right: 1px solid #e1e1e1;
    display: block;
}
.adLeftTitle_V2b {  /* 左边是一张大图 */
    width: 100%;
    font-size: 25px;
    text-align: center;
    margin-top: 14px;
}
.adLeftTitle_V2 {
    width: 100%;
    font-size: 25px;
    text-align: center;
    margin-top: 40px;
}
.adLeftTitle_V2 span{
    font-size:60px;
    margin:2px;
}
.adLeftContent_V2 {
    width: 100%;
    font-size: 25px;
    text-align: center;
    margin-top: 32px;
}
.adContainerBoxRight_V2 {
    position: relative;
    width: auto;
    height: 190px;
    margin: 0 auto;
    padding-top: 35px;
}
.adRightTitle_V2 {
    font-size: 40px;
    margin-top: 21px;
    margin-bottom: 35px;
    text-align: center;
    width: 100%;
}
.adRightContent_V2 {
    width: 100%;
    font-size: 25px;
    text-align: center;
    margin-top: 45px;
}
.adRightContent2_V2 {
    width: 100%;
    font-size: 25px;
    text-align: center;
    margin-top: 65px;
}
.adRightContent2_V2 font{
    background: #fbecff;
    padding: 10px 40px;
    width:200px;
    height: 23px;
    box-shadow: 0px 0px 2px 0px #000;
    border-radius: 5px;
    color: #8903ef;
}
.adContainerBoxBottom_V2 {
    width: 100%;
    border-top: 1px solid #e1e1e1;
    margin-bottom: 0px;
    float: left;
    height: 40px;
    display: none;
}
@media(max-width:1100px){
    .adContainerBoxLeftBlock_V2b {  /* 左边是一张大图 隐藏 */
        display: none;
    }
}
@media(max-width:350px){
    .adRightTitle, .adRightTitle_V2 {
        font-size: 30px;
    }
    .adRightContent2, .adRightContent2_V2 {
        font-size: 20px;
    }
}

/* style 3 */
.adContainerBox_buttom2 {
    width: 100%;
    border: 1px solid #ccc;
    height: 278px;
    background: #f8f8f8;
    margin-top: 20px;
    margin-bottom: 20px;
}
.divArticleAdClose_buttom {
  width: 38px;
  height: 20px;
  background: #ccc0;
  float: right;
  position: relative;
  margin-top: -298px;
  text-align: right;
  font-size: 16px;
  color: #5a5ab7;
  cursor: pointer;
  padding-right: 5px;
}
.adRightContent2_V2_buttom2 {
    width: 100%;
    font-size: 22px;
    text-align: left;
    margin-top: 65px;
}
.adRightContent2_V2_buttom2 font {
    background: #e9bdf5;
    padding: 10px 40px;
    width: 200px;
    height: 23px;
    box-shadow: 1px 3px 7px 0px #e9d3d3;
    border-radius: 5px;
    color: #8903ef;
}
.adContainerBoxRight_V2_innerBox {
    width: 80%;
    height: 100%;
    background: #ffffff;
    margin: 0 auto;
    box-shadow: 1px 1px 1px 0px #e9d3d3;
    border-radius: 5px;
}
.adContainerBoxRight_buttom {
    position: relative;
    width: auto;
    height: 240px;
    margin: 0 auto;
    padding-top: 0px;
}
.adContainerBoxRightAdLogo_buttom {
    float: right;
    position: relative;
    font-size: 12px;
    text-align: right;
    margin: -19px 15px;
    padding: 0px 3px;
    border: 0px solid #e1e1e1;
    color: #5a5ab7;
}
.adRightTitle_V2_buttom2 {
    font-size: 25px;
    margin-top: 21px;
    margin-bottom: 18px;
    text-align: left;
    width: 100%;
    padding-top: 30px;
    padding-left: 30px;
    color: #333;
}
.adRightTitle_V2_buttom2_b { /* 标题换行 */
    font-size: 25px;
    margin-top: 21px;
    margin-bottom: 18px;
    text-align: left;
    width: 100%;
    padding-top: 30px;
    padding-left: 30px;
    color: #333;
    line-height: 115%;
}
.adRightContent_buttom2 {
    width: 100%;
    font-size: 18px;
    text-align: left;
    margin-top: 0px;
    padding-left: 30px;
    color: #666;
}
.adContainerBoxBottom_V2_buttom2 {
    width: 100%;
    margin-bottom: 0px;
    float: left;
    height: 40px;
}
.adContainerBoxBottomLeft_buttom2 {
    float: left;
    position: relative;
    width: 50%;
    font-size: 15px;
    margin: 90px 30px 0px 30px;
    color: #666;
}
.adContainerBoxBottomLeft_buttom2_b { /* 标题换行 */
    float: left;
    position: relative;
    width: 50%;
    font-size: 15px;
    margin: 70px 30px 0px 30px;
    color: #666;
}
.adContainerBoxBottomRight_buttom2 {
    float: right;
    font-size: 15px;
    text-align: right;
    margin: 90px 40px 0px 0px;
}
.adContainerBoxBottomRight_buttom2_b { /* 标题换行 */
    float: right;
    font-size: 15px;
    text-align: right;
    margin: 70px 40px 0px 0px;
}

.adContainerBoxBottomRight_buttom2 font {
    background: #0088ff;
    padding: 8px 45px;
    box-shadow: 0px 3px 8px 0px #a291ce;
    border-radius: 5px;
    color: #fff;
}
.adContainerBoxBottomRight_buttom2_b font { /* 标题换行 */
    background: #0088ff;
    padding: 8px 45px;
    box-shadow: 0px 3px 8px 0px #a291ce;
    border-radius: 5px;
    color: #fff;
}
@media(max-width:750px){
    .adContainerBoxBottomLeft_buttom2,.adContainerBoxBottomLeft_buttom2_b {
        display: none;
    }
}
/* 火狐 */
@-moz-document url-prefix(){
    .adContainerBoxRightAdLogo_buttom {
        margin: -18px 15px;
    }
}

/* style 4 */
.adContainerBox_bottom3 {
    width: 100%;
    border: 1px solid #ccc;
    height: 278px;
    background: #fff8f8;
    margin-top: 20px;
    margin-bottom: 20px;
}
.divArticleAdClose_bottom3 {
    width: 38px;
    height: 20px;
    background: #ccc0;
    float: right;
    position: relative;
    margin-top: -297px;
    text-align: right;
    font-size: 16px;
    color: #5a5ab7;
    cursor: pointer;
    padding-right: 5px;
}
/* 火狐 */
@-moz-document url-prefix(){
    .divArticleAdClose_bottom3 {
        margin-top: -298px;
    }
}

/* 用JS在文章插入广告 end */